@carbon/ai-chat 1.2.0-rc.0 → 1.2.0-rc.2

package/dist/es/aiChatEntry.js

@@ -388,7 +388,7 @@ if (isBrowser && !document.getElementById("cds-aichat-custom-element-styles")) {
 }
 
 function ChatCustomElement(props) {
-  const {strings: strings, serviceDeskFactory: serviceDeskFactory, serviceDesk: serviceDesk, onBeforeRender: onBeforeRender, onAfterRender: onAfterRender, renderUserDefinedResponse: renderUserDefinedResponse, renderWriteableElements: renderWriteableElements, className: className, id: id, onViewChange: onViewChange, onError: onError, openChatByDefault: openChatByDefault, disclaimer: disclaimer, disableCustomElementMobileEnhancements: disableCustomElementMobileEnhancements, debug: debug, exposeServiceManagerForTesting: exposeServiceManagerForTesting, injectCarbonTheme: injectCarbonTheme, aiEnabled: aiEnabled, shouldTakeFocusIfOpensAutomatically: shouldTakeFocusIfOpensAutomatically, namespace: namespace, enableFocusTrap: enableFocusTrap, shouldSanitizeHTML: shouldSanitizeHTML, header: header, layout: layout, messaging: messaging, isReadonly: isReadonly, assistantName: assistantName, locale: locale, homescreen: homescreen, launcher: launcher, input: input} = props;
+  const {strings: strings, serviceDeskFactory: serviceDeskFactory, serviceDesk: serviceDesk, onBeforeRender: onBeforeRender, onAfterRender: onAfterRender, renderUserDefinedResponse: renderUserDefinedResponse, renderWriteableElements: renderWriteableElements, className: className, id: id, onViewChange: onViewChange, onViewPreChange: onViewPreChange, onError: onError, openChatByDefault: openChatByDefault, disclaimer: disclaimer, disableCustomElementMobileEnhancements: disableCustomElementMobileEnhancements, debug: debug, exposeServiceManagerForTesting: exposeServiceManagerForTesting, injectCarbonTheme: injectCarbonTheme, aiEnabled: aiEnabled, shouldTakeFocusIfOpensAutomatically: shouldTakeFocusIfOpensAutomatically, namespace: namespace, enableFocusTrap: enableFocusTrap, shouldSanitizeHTML: shouldSanitizeHTML, header: header, layout: layout, messaging: messaging, isReadonly: isReadonly, assistantName: assistantName, locale: locale, homescreen: homescreen, launcher: launcher, input: input} = props;
   const [customElement, setCustomElement] = useState();
   const onBeforeRenderOverride = useCallback(async instance => {
     function defaultViewChangeHandler(event) {
@@ -400,12 +400,18 @@ function ChatCustomElement(props) {
         }
       }
     }
+    if (onViewPreChange) {
+      instance.on({
+        type: BusEventType.VIEW_PRE_CHANGE,
+        handler: onViewPreChange
+      });
+    }
     instance.on({
       type: BusEventType.VIEW_CHANGE,
       handler: onViewChange || defaultViewChangeHandler
     });
     return onBeforeRender?.(instance);
-  }, [ onBeforeRender, onViewChange, customElement ]);
+  }, [ onViewPreChange, onViewChange, onBeforeRender, customElement ]);
   return React.createElement("div", {
     className: className,
     id: id,

package/dist/es/aiChatEntry.js.map

@@ -1 +1 @@
-{"version":3,"file":"aiChatEntry.js","sources":["../../../../src/react/ChatContainer.tsx","../../../../src/react/ChatCustomElement.tsx"],"sourcesContent":["/*\n *  Copyright IBM Corp. 2025\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\nimport { createComponent } from \"@lit/react\";\nimport { css, LitElement, PropertyValues } from \"lit\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport App from \"../chat/ChatAppEntry\";\nimport { carbonElement } from \"@carbon/ai-chat-components/es/globals/decorators/index.js\";\nimport { ChatContainerProps } from \"../types/component/ChatContainer\";\nimport { ChatInstance } from \"../types/instance/ChatInstance\";\nimport { PublicConfig } from \"../types/config/PublicConfig\";\nimport { isBrowser } from \"../chat/utils/browserUtils\";\n\n/**\n * This component creates a custom element protected by a shadow DOM to render the React application into. It creates\n * slotted elements for user_defined responses and for writable elements.\n *\n * The corresponding slots are defined within the React application and are rendered in place.\n */\n\n/**\n * Create a web component to host the React application. We do this so we can provide custom elements and user_defined responses as\n * slotted content so they maintain their own styling in a safe way.\n */\n@carbonElement(\"cds-aichat-react\")\nclass ChatContainerReact extends LitElement {\n  static styles = css`\n    :host {\n      width: 100%;\n      height: 100%;\n    }\n  `;\n\n  /**\n   * Dispatch a custom event when the shadow DOM is ready\n   * This ensures React can safely access shadowRoot\n   */\n  firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n    this.dispatchEvent(new CustomEvent(\"shadow-ready\", { bubbles: true }));\n  }\n}\n\n// Wrap the custom element as a React component\nconst ReactChatContainer = React.memo(\n  createComponent({\n    tagName: \"cds-aichat-react\",\n    elementClass: ChatContainerReact,\n    react: React,\n  }),\n);\n\n/**\n * The ChatContainer controls rendering the React application into the shadow DOM of the cds-aichat-react web component.\n * It also injects the writeable element and user_defined response slots into said web component.\n *\n * @category React\n */\nfunction ChatContainer(props: ChatContainerProps) {\n  const {\n    onBeforeRender,\n    onAfterRender,\n    strings,\n    serviceDeskFactory,\n    serviceDesk,\n    renderUserDefinedResponse,\n    renderWriteableElements,\n    element,\n    // Flattened PublicConfig properties\n    onError,\n    openChatByDefault,\n    disclaimer,\n    disableCustomElementMobileEnhancements,\n    debug,\n    exposeServiceManagerForTesting,\n    injectCarbonTheme,\n    aiEnabled,\n    shouldTakeFocusIfOpensAutomatically,\n    namespace,\n    enableFocusTrap,\n    shouldSanitizeHTML,\n    header,\n    layout,\n    messaging,\n    isReadonly,\n    assistantName,\n    locale,\n    homescreen,\n    launcher,\n    input,\n  } = props;\n  // Reconstruct PublicConfig from flattened props\n  const config = useMemo(\n    (): PublicConfig => ({\n      onError,\n      openChatByDefault,\n      disclaimer,\n      disableCustomElementMobileEnhancements,\n      debug,\n      exposeServiceManagerForTesting,\n      injectCarbonTheme,\n      aiEnabled,\n      shouldTakeFocusIfOpensAutomatically,\n      namespace,\n      enableFocusTrap,\n      shouldSanitizeHTML,\n      header,\n      layout,\n      messaging,\n      isReadonly,\n      assistantName,\n      locale,\n      homescreen,\n      launcher,\n      input,\n    }),\n    [\n      onError,\n      openChatByDefault,\n      disclaimer,\n      disableCustomElementMobileEnhancements,\n      debug,\n      exposeServiceManagerForTesting,\n      injectCarbonTheme,\n      aiEnabled,\n      shouldTakeFocusIfOpensAutomatically,\n      namespace,\n      enableFocusTrap,\n      shouldSanitizeHTML,\n      header,\n      layout,\n      messaging,\n      isReadonly,\n      assistantName,\n      locale,\n      homescreen,\n      launcher,\n      input,\n    ],\n  );\n  const wrapperRef = useRef(null); // Ref for the React wrapper component\n  const [wrapper, setWrapper] = useState(null);\n  const [container, setContainer] = useState<HTMLElement | null>(null); // Actual element we render the React Portal to in the Shadowroot.\n\n  const [writeableElementSlots, setWriteableElementSlots] = useState<\n    HTMLElement[]\n  >([]);\n  const [currentInstance, setCurrentInstance] = useState<ChatInstance>(null);\n\n  /**\n   * Setup the DOM nodes of both the web component to be able to inject slotted content into it, and the element inside the\n   * shadow DOM we will inject our React application into.\n   */\n  useEffect(() => {\n    if (!wrapperRef.current) {\n      return null; // Early return when there's nothing to set up because the element isn't ready.\n    }\n\n    let eventListenerAdded = false;\n\n    const wrapperElement = wrapperRef.current as unknown as ChatContainerReact;\n\n    // We need to check if the element in the shadow DOM we are render the React application to exists.\n    // If it doesn't, we need to create and append it.\n\n    const handleShadowReady = () => {\n      // Now we know shadowRoot is definitely available\n      let reactElement = wrapperElement.shadowRoot.querySelector(\n        \".cds-aichat--react-app\",\n      ) as HTMLElement;\n\n      if (!reactElement) {\n        reactElement = document.createElement(\"div\");\n        reactElement.classList.add(\"cds-aichat--react-app\");\n        wrapperElement.shadowRoot.appendChild(reactElement);\n      }\n\n      if (wrapperElement !== wrapper) {\n        setWrapper(wrapperElement);\n      }\n      if (reactElement !== container) {\n        setContainer(reactElement);\n      }\n    };\n\n    if (wrapperElement.shadowRoot) {\n      // Already ready\n      handleShadowReady();\n    } else {\n      // Wait for ready event\n      eventListenerAdded = true;\n      wrapperElement.addEventListener(\"shadow-ready\", handleShadowReady, {\n        once: true,\n      });\n    }\n\n    return () => {\n      if (eventListenerAdded) {\n        wrapperElement.removeEventListener(\"shadow-ready\", handleShadowReady);\n      }\n    };\n  }, [container, wrapper, currentInstance]);\n\n  /**\n   * Here we write the slotted elements into the wrapper so they are passed into the application to be rendered in their slot.\n   */\n  useEffect(() => {\n    if (wrapper) {\n      const combinedNodes: HTMLElement[] = [...writeableElementSlots];\n      const currentNodes: HTMLElement[] = Array.from(\n        wrapper.childNodes,\n      ) as HTMLElement[];\n\n      // Append new nodes that aren't already in the container\n      combinedNodes.forEach((node) => {\n        if (!currentNodes.includes(node)) {\n          wrapper.appendChild(node);\n        }\n      });\n    }\n  }, [writeableElementSlots, wrapper]);\n\n  const onBeforeRenderOverride = useCallback(\n    (instance: ChatInstance) => {\n      if (instance) {\n        const addWriteableElementSlots = () => {\n          const slots: HTMLElement[] = Object.entries(\n            instance.writeableElements,\n          ).map((writeableElement) => {\n            const [key, element] = writeableElement;\n            element.setAttribute(\"slot\", key); // Assign slot attributes dynamically\n            return element;\n          });\n          setWriteableElementSlots(slots);\n        };\n\n        addWriteableElementSlots();\n        onBeforeRender?.(instance);\n      }\n    },\n    [onBeforeRender],\n  );\n\n  // If we are in SSR mode, just short circuit here. This prevents all of our window.* and document.* stuff from trying\n  // to run and erroring out.\n  if (!isBrowser) {\n    return null;\n  }\n\n  return (\n    <>\n      <ReactChatContainer ref={wrapperRef} />\n      {container &&\n        createPortal(\n          <App\n            key=\"stable-chat-instance\" // Prevent remounting on config changes\n            config={config}\n            strings={strings}\n            serviceDeskFactory={serviceDeskFactory}\n            serviceDesk={serviceDesk}\n            renderUserDefinedResponse={renderUserDefinedResponse}\n            renderWriteableElements={renderWriteableElements}\n            onBeforeRender={onBeforeRenderOverride}\n            onAfterRender={onAfterRender}\n            container={container}\n            setParentInstance={setCurrentInstance}\n            element={element}\n            chatWrapper={wrapper}\n          />,\n          container, // Render AppContainer into the shadowRoot\n        )}\n    </>\n  );\n}\n\nexport { ChatContainer, ChatContainerProps };\n","/*\n *  Copyright IBM Corp. 2025\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\nimport React, { useCallback, useState } from \"react\";\n\nimport { ChatInstance } from \"../types/instance/ChatInstance\";\nimport {\n  BusEventType,\n  BusEventViewChange,\n} from \"../types/events/eventBusTypes\";\nimport { ChatContainer, ChatContainerProps } from \"./ChatContainer\";\nimport { isBrowser } from \"../chat/utils/browserUtils\";\n\n/**\n * Properties for the ChatContainer React component. This interface extends\n * {@link ChatContainerProps} and {@link PublicConfig} with additional component-specific props, flattening all\n * config properties as top-level props for better TypeScript IntelliSense.\n *\n * @category React\n */\ninterface ChatCustomElementProps extends ChatContainerProps {\n  /**\n   * A CSS class name that will be added to the custom element. This class must define the size of the\n   * chat when it is open (width and height or using logical inline-size/block-size).\n   */\n  className: string;\n\n  /**\n   * An optional id that will be added to the custom element.\n   */\n  id?: string;\n\n  /**\n   * An optional listener for \"view:change\" events. Such a listener is required when using a custom element in order\n   * to control the visibility of the Carbon AI Chat main window. If no callback is provided here, a default one will be\n   * used that injects styling into the app that will show and hide the Carbon AI Chat main window and also change the\n   * size of the custom element so it doesn't take up space when the main window is closed.\n   *\n   * You can provide a different callback here if you want custom behavior such as an animation when the main window\n   * is opened or closed.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded. After Carbon AI Chat is loaded, the event\n   * handler will not be updated.\n   */\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n}\n\nconst customElementStylesheet =\n  isBrowser && typeof CSSStyleSheet !== \"undefined\"\n    ? new CSSStyleSheet()\n    : null;\n\nconst hideStyles = `\n  .cds-aichat--hidden {\n    width: 0 !important;\n    height: 0 !important;\n    min-width: 0 !important;\n    min-height: 0 !important;\n    max-width: 0 !important;\n    max-height: 0 !important;\n    inline-size: 0 !important;\n    block-size: 0 !important;\n    min-inline-size: 0 !important;\n    min-block-size: 0 !important;\n    max-inline-size: 0 !important;\n    max-block-size: 0 !important;\n    overflow: hidden !important;\n  }\n`;\n\n// Inject styles using adopted stylesheets when available, fallback to style element\nif (isBrowser && !document.getElementById(\"cds-aichat-custom-element-styles\")) {\n  if (customElementStylesheet && \"replaceSync\" in customElementStylesheet) {\n    customElementStylesheet.replaceSync(hideStyles);\n    document.adoptedStyleSheets = [\n      ...document.adoptedStyleSheets,\n      customElementStylesheet,\n    ];\n  } else {\n    // Fallback for when adoptedStyleSheets are not supported\n    const style = document.createElement(\"style\");\n    style.id = \"cds-aichat-custom-element-styles\";\n    style.textContent = hideStyles;\n    document.head.appendChild(style);\n  }\n}\n\n/**\n * This is the React component for people injecting a Carbon AI Chat with a custom element.\n *\n * It provides said element any class or id defined on itself for styling. It then calls ChatContainer with the custom\n * element passed in as a property to be used instead of generating an element with the default properties for a\n * floating chat.\n *\n * @category React\n */\nfunction ChatCustomElement(props: ChatCustomElementProps) {\n  const {\n    strings,\n    serviceDeskFactory,\n    serviceDesk,\n    onBeforeRender,\n    onAfterRender,\n    renderUserDefinedResponse,\n    renderWriteableElements,\n    className,\n    id,\n    onViewChange,\n    // Flattened PublicConfig properties\n    onError,\n    openChatByDefault,\n    disclaimer,\n    disableCustomElementMobileEnhancements,\n    debug,\n    exposeServiceManagerForTesting,\n    injectCarbonTheme,\n    aiEnabled,\n    shouldTakeFocusIfOpensAutomatically,\n    namespace,\n    enableFocusTrap,\n    shouldSanitizeHTML,\n    header,\n    layout,\n    messaging,\n    isReadonly,\n    assistantName,\n    locale,\n    homescreen,\n    launcher,\n    input,\n  } = props;\n\n  const [customElement, setCustomElement] = useState<HTMLDivElement>();\n\n  const onBeforeRenderOverride = useCallback(\n    async (instance: ChatInstance) => {\n      /**\n       * A default handler for the \"view:change\" event. This will be used to show or hide the Carbon AI Chat main window\n       * by adding/removing a CSS class that sets the element size to 0x0 when hidden.\n       */\n      function defaultViewChangeHandler(event: BusEventViewChange) {\n        if (customElement) {\n          if (event.newViewState.mainWindow) {\n            // Show: remove the hidden class, let the provided className handle sizing\n            customElement.classList.remove(\"cds-aichat--hidden\");\n          } else {\n            // Hide: add the hidden class to set size to 0x0\n            customElement.classList.add(\"cds-aichat--hidden\");\n          }\n        }\n      }\n\n      instance.on({\n        type: BusEventType.VIEW_CHANGE,\n        handler: onViewChange || defaultViewChangeHandler,\n      });\n\n      return onBeforeRender?.(instance);\n    },\n    [onBeforeRender, onViewChange, customElement],\n  );\n\n  return (\n    <div className={className} id={id} ref={setCustomElement}>\n      {customElement && (\n        <ChatContainer\n          // Flattened PublicConfig properties\n          onError={onError}\n          openChatByDefault={openChatByDefault}\n          disclaimer={disclaimer}\n          disableCustomElementMobileEnhancements={\n            disableCustomElementMobileEnhancements\n          }\n          debug={debug}\n          exposeServiceManagerForTesting={exposeServiceManagerForTesting}\n          injectCarbonTheme={injectCarbonTheme}\n          aiEnabled={aiEnabled}\n          shouldTakeFocusIfOpensAutomatically={\n            shouldTakeFocusIfOpensAutomatically\n          }\n          namespace={namespace}\n          enableFocusTrap={enableFocusTrap}\n          shouldSanitizeHTML={shouldSanitizeHTML}\n          header={header}\n          layout={layout}\n          messaging={messaging}\n          isReadonly={isReadonly}\n          assistantName={assistantName}\n          locale={locale}\n          homescreen={homescreen}\n          launcher={launcher}\n          // Other ChatContainer props\n          strings={strings}\n          serviceDeskFactory={serviceDeskFactory}\n          serviceDesk={serviceDesk}\n          onBeforeRender={onBeforeRenderOverride}\n          onAfterRender={onAfterRender}\n          renderUserDefinedResponse={renderUserDefinedResponse}\n          renderWriteableElements={renderWriteableElements}\n          element={customElement}\n          input={input}\n        />\n      )}\n    </div>\n  );\n}\n\nexport { ChatCustomElement, ChatCustomElementProps };\n"],"names":["ChatContainerReact","LitElement","firstUpdated","changedProperties","super","this","dispatchEvent","CustomEvent","bubbles","styles","css","__decorate","carbonElement","ReactChatContainer","React","memo","createComponent","tagName","elementClass","react","ChatContainer","props","onBeforeRender","onAfterRender","strings","serviceDeskFactory","serviceDesk","renderUserDefinedResponse","renderWriteableElements","element","onError","openChatByDefault","disclaimer","disableCustomElementMobileEnhancements","debug","exposeServiceManagerForTesting","injectCarbonTheme","aiEnabled","shouldTakeFocusIfOpensAutomatically","namespace","enableFocusTrap","shouldSanitizeHTML","header","layout","messaging","isReadonly","assistantName","locale","homescreen","launcher","input","config","useMemo","wrapperRef","useRef","wrapper","setWrapper","useState","container","setContainer","writeableElementSlots","setWriteableElementSlots","currentInstance","setCurrentInstance","useEffect","current","eventListenerAdded","wrapperElement","handleShadowReady","reactElement","shadowRoot","querySelector","document","createElement","classList","add","appendChild","addEventListener","once","removeEventListener","combinedNodes","currentNodes","Array","from","childNodes","forEach","node","includes","onBeforeRenderOverride","useCallback","instance","addWriteableElementSlots","slots","Object","entries","writeableElements","map","writeableElement","key","setAttribute","isBrowser","Fragment","ref","createPortal","App","setParentInstance","chatWrapper","customElementStylesheet","CSSStyleSheet","hideStyles","getElementById","replaceSync","adoptedStyleSheets","style","id","textContent","head","ChatCustomElement","className","onViewChange","customElement","setCustomElement","async","defaultViewChangeHandler","event","newViewState","mainWindow","remove","on","type","BusEventType","VIEW_CHANGE","handler"],"mappings":"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"}
+{"version":3,"file":"aiChatEntry.js","sources":["../../../../src/react/ChatContainer.tsx","../../../../src/react/ChatCustomElement.tsx"],"sourcesContent":["/*\n *  Copyright IBM Corp. 2025\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\nimport { createComponent } from \"@lit/react\";\nimport { css, LitElement, PropertyValues } from \"lit\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport App from \"../chat/ChatAppEntry\";\nimport { carbonElement } from \"@carbon/ai-chat-components/es/globals/decorators/index.js\";\nimport { ChatContainerProps } from \"../types/component/ChatContainer\";\nimport { ChatInstance } from \"../types/instance/ChatInstance\";\nimport { PublicConfig } from \"../types/config/PublicConfig\";\nimport { isBrowser } from \"../chat/utils/browserUtils\";\n\n/**\n * This component creates a custom element protected by a shadow DOM to render the React application into. It creates\n * slotted elements for user_defined responses and for writable elements.\n *\n * The corresponding slots are defined within the React application and are rendered in place.\n */\n\n/**\n * Create a web component to host the React application. We do this so we can provide custom elements and user_defined responses as\n * slotted content so they maintain their own styling in a safe way.\n */\n@carbonElement(\"cds-aichat-react\")\nclass ChatContainerReact extends LitElement {\n  static styles = css`\n    :host {\n      width: 100%;\n      height: 100%;\n    }\n  `;\n\n  /**\n   * Dispatch a custom event when the shadow DOM is ready\n   * This ensures React can safely access shadowRoot\n   */\n  firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n    this.dispatchEvent(new CustomEvent(\"shadow-ready\", { bubbles: true }));\n  }\n}\n\n// Wrap the custom element as a React component\nconst ReactChatContainer = React.memo(\n  createComponent({\n    tagName: \"cds-aichat-react\",\n    elementClass: ChatContainerReact,\n    react: React,\n  }),\n);\n\n/**\n * The ChatContainer controls rendering the React application into the shadow DOM of the cds-aichat-react web component.\n * It also injects the writeable element and user_defined response slots into said web component.\n *\n * @category React\n */\nfunction ChatContainer(props: ChatContainerProps) {\n  const {\n    onBeforeRender,\n    onAfterRender,\n    strings,\n    serviceDeskFactory,\n    serviceDesk,\n    renderUserDefinedResponse,\n    renderWriteableElements,\n    element,\n    // Flattened PublicConfig properties\n    onError,\n    openChatByDefault,\n    disclaimer,\n    disableCustomElementMobileEnhancements,\n    debug,\n    exposeServiceManagerForTesting,\n    injectCarbonTheme,\n    aiEnabled,\n    shouldTakeFocusIfOpensAutomatically,\n    namespace,\n    enableFocusTrap,\n    shouldSanitizeHTML,\n    header,\n    layout,\n    messaging,\n    isReadonly,\n    assistantName,\n    locale,\n    homescreen,\n    launcher,\n    input,\n  } = props;\n  // Reconstruct PublicConfig from flattened props\n  const config = useMemo(\n    (): PublicConfig => ({\n      onError,\n      openChatByDefault,\n      disclaimer,\n      disableCustomElementMobileEnhancements,\n      debug,\n      exposeServiceManagerForTesting,\n      injectCarbonTheme,\n      aiEnabled,\n      shouldTakeFocusIfOpensAutomatically,\n      namespace,\n      enableFocusTrap,\n      shouldSanitizeHTML,\n      header,\n      layout,\n      messaging,\n      isReadonly,\n      assistantName,\n      locale,\n      homescreen,\n      launcher,\n      input,\n    }),\n    [\n      onError,\n      openChatByDefault,\n      disclaimer,\n      disableCustomElementMobileEnhancements,\n      debug,\n      exposeServiceManagerForTesting,\n      injectCarbonTheme,\n      aiEnabled,\n      shouldTakeFocusIfOpensAutomatically,\n      namespace,\n      enableFocusTrap,\n      shouldSanitizeHTML,\n      header,\n      layout,\n      messaging,\n      isReadonly,\n      assistantName,\n      locale,\n      homescreen,\n      launcher,\n      input,\n    ],\n  );\n  const wrapperRef = useRef(null); // Ref for the React wrapper component\n  const [wrapper, setWrapper] = useState(null);\n  const [container, setContainer] = useState<HTMLElement | null>(null); // Actual element we render the React Portal to in the Shadowroot.\n\n  const [writeableElementSlots, setWriteableElementSlots] = useState<\n    HTMLElement[]\n  >([]);\n  const [currentInstance, setCurrentInstance] = useState<ChatInstance>(null);\n\n  /**\n   * Setup the DOM nodes of both the web component to be able to inject slotted content into it, and the element inside the\n   * shadow DOM we will inject our React application into.\n   */\n  useEffect(() => {\n    if (!wrapperRef.current) {\n      return null; // Early return when there's nothing to set up because the element isn't ready.\n    }\n\n    let eventListenerAdded = false;\n\n    const wrapperElement = wrapperRef.current as unknown as ChatContainerReact;\n\n    // We need to check if the element in the shadow DOM we are render the React application to exists.\n    // If it doesn't, we need to create and append it.\n\n    const handleShadowReady = () => {\n      // Now we know shadowRoot is definitely available\n      let reactElement = wrapperElement.shadowRoot.querySelector(\n        \".cds-aichat--react-app\",\n      ) as HTMLElement;\n\n      if (!reactElement) {\n        reactElement = document.createElement(\"div\");\n        reactElement.classList.add(\"cds-aichat--react-app\");\n        wrapperElement.shadowRoot.appendChild(reactElement);\n      }\n\n      if (wrapperElement !== wrapper) {\n        setWrapper(wrapperElement);\n      }\n      if (reactElement !== container) {\n        setContainer(reactElement);\n      }\n    };\n\n    if (wrapperElement.shadowRoot) {\n      // Already ready\n      handleShadowReady();\n    } else {\n      // Wait for ready event\n      eventListenerAdded = true;\n      wrapperElement.addEventListener(\"shadow-ready\", handleShadowReady, {\n        once: true,\n      });\n    }\n\n    return () => {\n      if (eventListenerAdded) {\n        wrapperElement.removeEventListener(\"shadow-ready\", handleShadowReady);\n      }\n    };\n  }, [container, wrapper, currentInstance]);\n\n  /**\n   * Here we write the slotted elements into the wrapper so they are passed into the application to be rendered in their slot.\n   */\n  useEffect(() => {\n    if (wrapper) {\n      const combinedNodes: HTMLElement[] = [...writeableElementSlots];\n      const currentNodes: HTMLElement[] = Array.from(\n        wrapper.childNodes,\n      ) as HTMLElement[];\n\n      // Append new nodes that aren't already in the container\n      combinedNodes.forEach((node) => {\n        if (!currentNodes.includes(node)) {\n          wrapper.appendChild(node);\n        }\n      });\n    }\n  }, [writeableElementSlots, wrapper]);\n\n  const onBeforeRenderOverride = useCallback(\n    (instance: ChatInstance) => {\n      if (instance) {\n        const addWriteableElementSlots = () => {\n          const slots: HTMLElement[] = Object.entries(\n            instance.writeableElements,\n          ).map((writeableElement) => {\n            const [key, element] = writeableElement;\n            element.setAttribute(\"slot\", key); // Assign slot attributes dynamically\n            return element;\n          });\n          setWriteableElementSlots(slots);\n        };\n\n        addWriteableElementSlots();\n        onBeforeRender?.(instance);\n      }\n    },\n    [onBeforeRender],\n  );\n\n  // If we are in SSR mode, just short circuit here. This prevents all of our window.* and document.* stuff from trying\n  // to run and erroring out.\n  if (!isBrowser) {\n    return null;\n  }\n\n  return (\n    <>\n      <ReactChatContainer ref={wrapperRef} />\n      {container &&\n        createPortal(\n          <App\n            key=\"stable-chat-instance\" // Prevent remounting on config changes\n            config={config}\n            strings={strings}\n            serviceDeskFactory={serviceDeskFactory}\n            serviceDesk={serviceDesk}\n            renderUserDefinedResponse={renderUserDefinedResponse}\n            renderWriteableElements={renderWriteableElements}\n            onBeforeRender={onBeforeRenderOverride}\n            onAfterRender={onAfterRender}\n            container={container}\n            setParentInstance={setCurrentInstance}\n            element={element}\n            chatWrapper={wrapper}\n          />,\n          container, // Render AppContainer into the shadowRoot\n        )}\n    </>\n  );\n}\n\nexport { ChatContainer, ChatContainerProps };\n","/*\n *  Copyright IBM Corp. 2025\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\nimport React, { useCallback, useState } from \"react\";\n\nimport { ChatInstance } from \"../types/instance/ChatInstance\";\nimport {\n  BusEventType,\n  BusEventViewChange,\n  BusEventViewPreChange,\n} from \"../types/events/eventBusTypes\";\nimport { ChatContainer, ChatContainerProps } from \"./ChatContainer\";\nimport { isBrowser } from \"../chat/utils/browserUtils\";\n\n/**\n * Properties for the ChatContainer React component. This interface extends\n * {@link ChatContainerProps} and {@link PublicConfig} with additional component-specific props, flattening all\n * config properties as top-level props for better TypeScript IntelliSense.\n *\n * @category React\n */\ninterface ChatCustomElementProps extends ChatContainerProps {\n  /**\n   * A CSS class name that will be added to the custom element. This class must define the size of the\n   * your custom element (width and height or using logical inline-size/block-size).\n   *\n   * You can make use of onViewPreChange and/or onViewChange to mutate this className value so have open/close animations.\n   *\n   * By default, the chat will just set the chat shell to a 0x0 size and mark everything but the launcher (is you are using it)\n   * as display: none; if the chat is set to closed.\n   */\n  className: string;\n\n  /**\n   * An optional id that will be added to the custom element.\n   */\n  id?: string;\n\n  /**\n   * Called before a view change (chat opening/closing). The chat will hide the chat shell inside your custom element\n   * to prevent invisible keyboard stops when the view change is *complete*.\n   *\n   * Use this callback to update your className value *before* the view change happens if you want to add any open/close\n   * animations to your custom element before the chat shell inner contents are hidden. It is async and so you can\n   * tie it to native the AnimationEvent and only return when your animations have completed.\n   *\n   * A common pattern is to use this for when the chat is closing and to use onViewChange for when the chat opens.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  onViewPreChange?: (\n    event: BusEventViewPreChange,\n    instance: ChatInstance,\n  ) => Promise<void> | void;\n\n  /**\n   * Called when the chat view change is complete. If no callback is provided here, the default behavior will be to set\n   * the chat shell to 0x0 size and set all inner contents aside from the launcher, if you are using it, to display: none.\n   * The inner contents of the chat shell (aside from the launcher if you are using it) are always set to display: none\n   * regardless of what is configured with this callback to prevent invisible tab stops and screen reader issues.\n   *\n   * Use this callback to update your className value when the chat has finished being opened or closed.\n   *\n   * You can provide a different callback here if you want custom animation behavior when the chat is opened or closed.\n   * The animation behavior defined here will run in concert with the chat inside your custom container being hidden.\n   *\n   * If you want to run animations before the inner contents of the chat shell is shrunk and the inner contents are hidden,\n   * make use of onViewPreChange.\n   *\n   * A common pattern is to use this for when the chat is opening and to use onViewPreChange for when the chat closes.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n}\n\nconst customElementStylesheet =\n  isBrowser && typeof CSSStyleSheet !== \"undefined\"\n    ? new CSSStyleSheet()\n    : null;\n\nconst hideStyles = `\n  .cds-aichat--hidden {\n    width: 0 !important;\n    height: 0 !important;\n    min-width: 0 !important;\n    min-height: 0 !important;\n    max-width: 0 !important;\n    max-height: 0 !important;\n    inline-size: 0 !important;\n    block-size: 0 !important;\n    min-inline-size: 0 !important;\n    min-block-size: 0 !important;\n    max-inline-size: 0 !important;\n    max-block-size: 0 !important;\n    overflow: hidden !important;\n  }\n`;\n\n// Inject styles using adopted stylesheets when available, fallback to style element\nif (isBrowser && !document.getElementById(\"cds-aichat-custom-element-styles\")) {\n  if (customElementStylesheet && \"replaceSync\" in customElementStylesheet) {\n    customElementStylesheet.replaceSync(hideStyles);\n    document.adoptedStyleSheets = [\n      ...document.adoptedStyleSheets,\n      customElementStylesheet,\n    ];\n  } else {\n    // Fallback for when adoptedStyleSheets are not supported\n    const style = document.createElement(\"style\");\n    style.id = \"cds-aichat-custom-element-styles\";\n    style.textContent = hideStyles;\n    document.head.appendChild(style);\n  }\n}\n\n/**\n * This is the React component for people injecting a Carbon AI Chat with a custom element.\n *\n * It provides said element any class or id defined on itself for styling. It then calls ChatContainer with the custom\n * element passed in as a property to be used instead of generating an element with the default properties for a\n * floating chat.\n *\n * @category React\n */\nfunction ChatCustomElement(props: ChatCustomElementProps) {\n  const {\n    strings,\n    serviceDeskFactory,\n    serviceDesk,\n    onBeforeRender,\n    onAfterRender,\n    renderUserDefinedResponse,\n    renderWriteableElements,\n    className,\n    id,\n    onViewChange,\n    onViewPreChange,\n    // Flattened PublicConfig properties\n    onError,\n    openChatByDefault,\n    disclaimer,\n    disableCustomElementMobileEnhancements,\n    debug,\n    exposeServiceManagerForTesting,\n    injectCarbonTheme,\n    aiEnabled,\n    shouldTakeFocusIfOpensAutomatically,\n    namespace,\n    enableFocusTrap,\n    shouldSanitizeHTML,\n    header,\n    layout,\n    messaging,\n    isReadonly,\n    assistantName,\n    locale,\n    homescreen,\n    launcher,\n    input,\n  } = props;\n\n  const [customElement, setCustomElement] = useState<HTMLDivElement>();\n\n  const onBeforeRenderOverride = useCallback(\n    async (instance: ChatInstance) => {\n      /**\n       * A default handler for the \"view:change\" event. This will be used to show or hide the Carbon AI Chat main window\n       * by adding/removing a CSS class that sets the element size to 0x0 when hidden.\n       */\n      function defaultViewChangeHandler(event: BusEventViewChange) {\n        if (customElement) {\n          if (event.newViewState.mainWindow) {\n            // Show: remove the hidden class, let the provided className handle sizing\n            customElement.classList.remove(\"cds-aichat--hidden\");\n          } else {\n            // Hide: add the hidden class to set size to 0x0\n            customElement.classList.add(\"cds-aichat--hidden\");\n          }\n        }\n      }\n\n      if (onViewPreChange) {\n        instance.on({\n          type: BusEventType.VIEW_PRE_CHANGE,\n          handler: onViewPreChange,\n        });\n      }\n\n      instance.on({\n        type: BusEventType.VIEW_CHANGE,\n        handler: onViewChange || defaultViewChangeHandler,\n      });\n\n      return onBeforeRender?.(instance);\n    },\n    [onViewPreChange, onViewChange, onBeforeRender, customElement],\n  );\n\n  return (\n    <div className={className} id={id} ref={setCustomElement}>\n      {customElement && (\n        <ChatContainer\n          // Flattened PublicConfig properties\n          onError={onError}\n          openChatByDefault={openChatByDefault}\n          disclaimer={disclaimer}\n          disableCustomElementMobileEnhancements={\n            disableCustomElementMobileEnhancements\n          }\n          debug={debug}\n          exposeServiceManagerForTesting={exposeServiceManagerForTesting}\n          injectCarbonTheme={injectCarbonTheme}\n          aiEnabled={aiEnabled}\n          shouldTakeFocusIfOpensAutomatically={\n            shouldTakeFocusIfOpensAutomatically\n          }\n          namespace={namespace}\n          enableFocusTrap={enableFocusTrap}\n          shouldSanitizeHTML={shouldSanitizeHTML}\n          header={header}\n          layout={layout}\n          messaging={messaging}\n          isReadonly={isReadonly}\n          assistantName={assistantName}\n          locale={locale}\n          homescreen={homescreen}\n          launcher={launcher}\n          // Other ChatContainer props\n          strings={strings}\n          serviceDeskFactory={serviceDeskFactory}\n          serviceDesk={serviceDesk}\n          onBeforeRender={onBeforeRenderOverride}\n          onAfterRender={onAfterRender}\n          renderUserDefinedResponse={renderUserDefinedResponse}\n          renderWriteableElements={renderWriteableElements}\n          element={customElement}\n          input={input}\n        />\n      )}\n    </div>\n  );\n}\n\nexport { ChatCustomElement, ChatCustomElementProps };\n"],"names":["ChatContainerReact","LitElement","firstUpdated","changedProperties","super","this","dispatchEvent","CustomEvent","bubbles","styles","css","__decorate","carbonElement","ReactChatContainer","React","memo","createComponent","tagName","elementClass","react","ChatContainer","props","onBeforeRender","onAfterRender","strings","serviceDeskFactory","serviceDesk","renderUserDefinedResponse","renderWriteableElements","element","onError","openChatByDefault","disclaimer","disableCustomElementMobileEnhancements","debug","exposeServiceManagerForTesting","injectCarbonTheme","aiEnabled","shouldTakeFocusIfOpensAutomatically","namespace","enableFocusTrap","shouldSanitizeHTML","header","layout","messaging","isReadonly","assistantName","locale","homescreen","launcher","input","config","useMemo","wrapperRef","useRef","wrapper","setWrapper","useState","container","setContainer","writeableElementSlots","setWriteableElementSlots","currentInstance","setCurrentInstance","useEffect","current","eventListenerAdded","wrapperElement","handleShadowReady","reactElement","shadowRoot","querySelector","document","createElement","classList","add","appendChild","addEventListener","once","removeEventListener","combinedNodes","currentNodes","Array","from","childNodes","forEach","node","includes","onBeforeRenderOverride","useCallback","instance","addWriteableElementSlots","slots","Object","entries","writeableElements","map","writeableElement","key","setAttribute","isBrowser","Fragment","ref","createPortal","App","setParentInstance","chatWrapper","customElementStylesheet","CSSStyleSheet","hideStyles","getElementById","replaceSync","adoptedStyleSheets","style","id","textContent","head","ChatCustomElement","className","onViewChange","onViewPreChange","customElement","setCustomElement","async","defaultViewChangeHandler","event","newViewState","mainWindow","remove","on","type","BusEventType","VIEW_PRE_CHANGE","handler","VIEW_CHANGE"],"mappings":"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"}

package/dist/es/chat.ChatAppEntry.js

@@ -1433,7 +1433,7 @@ function agentUpdateIsTyping(isTyping) {
   };
 }
 
-const VERSION = "1.1.0";
+const VERSION = "1.2.0";
 
 const BOUNCING_ANIMATION_TIMEOUTS = [ 15e3, 6e4 ];
 
@@ -3616,7 +3616,7 @@ var CarbonThemeClassNames;
 
 const CSS_VAR_PREFIX = "--cds-";
 
-const CSS_CHAT_PREFIX = "chat-";
+const CSS_CHAT_PREFIX = "aichat-";
 
 const HEXADECIMAL_REGEX = /#([a-f0-9]{3}){1,2}\b/i;
 
@@ -3636,7 +3636,7 @@ function convertCSSVariablesToString(customProperties) {
   const allValues = pieces.join("");
   const prefix = "";
   if (allValues.length > 0) {
-    const rule = `${prefix}.cds-aichat--container .cds--white, ${prefix}.cds-aichat--container .cds--g10, ${prefix}.cds-aichat--container .cds--g90, ${prefix}.cds-aichat--container .cds--g100`;
+    const rule = `${prefix} .cds-aichat--container--render.cds-aichat--container--render, ${prefix} .cds-aichat--container--render.cds--white, ${prefix} .cds-aichat--container--render.cds--g10, ${prefix} .cds-aichat--container--render.cds--g90, ${prefix} .cds-aichat--container--render.cds--g100`;
     customPropertiesString = `${rule}${`, :host`}{${allValues}}`;
   }
   return customPropertiesString;
@@ -8383,7 +8383,7 @@ function renderWithStaticTag(tag, token, content, attrs, options, _context, node
    case "ol":
     {
       const nested = token.level > 1;
-      return html`<cds-ordered-list ?nested=${nested} ${spread(attrs)}>
+      return html`<cds-ordered-list native ?nested=${nested} ${spread(attrs)}>
         ${content}
       </cds-ordered-list>`;
     }
@@ -11613,7 +11613,7 @@ const Dropdown = createComponent({
   tagName: "cds-dropdown",
   elementClass: CarbonDropdownElement,
   events: {
-    onBeingSelected: "cds-dropdown-beingselected",
+    onSelected: "cds-dropdown-selected",
     onToggled: "cds-dropdown-toggled"
   },
   react: React
@@ -11645,11 +11645,12 @@ function SelectComponent(props) {
       e.preventDefault();
     }
   };
-  const handleBeingSelected = e => {
+  const handleSelected = e => {
+    const label = e.detail.item.textContent;
     const text = e.detail.item.value;
     onChange({
       selectedItem: {
-        label: text,
+        label: label,
         value: {
           input: {
             text: text
@@ -11687,11 +11688,11 @@ function SelectComponent(props) {
     disabled: disableUserInputs,
     onToggled: handleToggle,
     onKeyDown: handleKeyDown,
-    onBeingSelected: handleBeingSelected
+    onSelected: handleSelected
   }, options.map(option => React.createElement(DropdownItem, {
-    value: option.label,
-    key: option.label
-  }, option.value.input.text)))));
+    value: option.value.input.text,
+    key: option.value.input.text
+  }, option.label)))));
 }
 
 class OptionComponent extends Component {